﻿@using Web.UI.AdminLTE.Controls.Simple
@using Web.UI.AdminLTE.Controls.Tab
@using Web.UI.AdminLTE.Controls.Widget
@using Web.UI.AdminLTE.Enums
@using Web.UI.AdminLTE.Extensions
@model Web.Models.FormModel

<section class="content-header">
    <h1>
        General Form Elements
        <small>Preview</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Forms</a></li>
        <li class="active">General Elements</li>
    </ol>
</section>
<section class="content">
    <div class="row">
        <div class="col-md-6">
            @using (var box = Html.Bootstrap().Begin(new Box().Style(BootstrapStyle.Primary)))
            {
                using (var header = box.BeginHeader(new BoxHeader("Quick Example").Tooltip("My tooltip")))
                {
                    header.BoxTools(BootstrapSize.Mini, true, true);
                }

                using (var form = Html.Bootstrap().Begin(new Form().HtmlAttributes(new { role = "form" })))
                {
                    using (box.BeginBody())
                    {
                        @form.FormGroup().TextBoxFor(x => x.Email).Placeholder("Enter email")
                        @form.FormGroup().PasswordFor(x => x.Password).Placeholder()
                        @form.FormGroup().FileFor(x => x.FileInput).HelpText("Example block-level help text here.")
                        @form.FormGroup().CheckBoxFor(x => x.CheckMeOut)
                    }
                    using (box.BeginFooter())
                    {
                        @Html.Bootstrap().SubmitButton().Style(ButtonStyle.Danger)
                    }
                }
            }
            @(
 Html.Bootstrap().Progress().Striped()
                    .Bar(new ProgressBar(30).Min(-50).Max(50).Type(ProgressBarType.Danger).ShowPercentage())
                    .Bar(new ProgressBar(20).Type(ProgressBarType.Success).ShowPercentage().Active()))

        </div>
        <div class="col-md-6">
            @using (var box = Html.Bootstrap().Begin(new Box().Style(BootstrapStyle.Primary)))
            {
                box.Header(new BoxHeader("Quick Example").Icon("fa fa-warning"));

                using (var form = Html.Bootstrap().Begin(new Form().HtmlAttributes(new { role = "form" })))
                {
                    using (box.BeginBody())
                    {
                        @form.FormGroup().TextBoxFor(x => x.Email).Placeholder("Enter email")
                        @form.FormGroup().PasswordFor(x => x.Password).Placeholder()
                        @form.FormGroup().FileFor(x => x.FileInput).HelpText("Example block-level help text here.")
                        @form.FormGroup().CheckBoxFor(x => x.CheckMeOut)
                    }
                    using (box.BeginFooter())
                    {
                        @Html.Bootstrap().SubmitButton().Style(ButtonStyle.Danger)
                    }
                }
            }

            @(
 Html.Bootstrap().SmallBox(BootstrapColor.Aqua)
                    .Icon("ion ion-bag").Description("New Orders")
                    .Title("150<sup style='font-size: 20px'>%</sup>")
                    .Link("More info", "#"))

            @Html.Bootstrap().Alert("Asdfsafd").Closeable()
            @Html.Bootstrap().AlertLte("adfadfasdfas", AlertType.Success)
            @Html.Bootstrap().Callout(CalloutType.Warning).Title("I am a danger callout!").Message("lorem3")

            @using (var tabs = Html.Bootstrap().Begin(new TabControl("TabsId").PullRight()))
            {
                @tabs.Tab("Tab 1")
                @tabs.Tab("Tab 2")
                @tabs.Tab("Tab 3")
                @tabs.TabExtend().PullLeft().Header("fa fa-th", "Custom tabs")

                using (tabs.BeginPanel())
                {
                    <p>Contents of tab 1</p>
                }
                using (tabs.BeginPanel())
                {
                    <p>Contents of tab 2</p>
                }
                using (tabs.BeginPanel())
                {
                    <p>Contents of tab 3</p>
                }
            }
        </div>
    </div>
</section>















